<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <!--vendor css-->
    
    <!--app css-->
    <link rel="stylesheet" href="./css/main.css">
</head>
<body>
    <div id="wrapper">
        <header id="header">
            <nav>
                <ul class="parent">
                    <li>
                        <ul class="child">
                            <li>
                                <ul class="grand-child">
                                    <li><a href="">Lorem Ipsum</a></li>
                                    <li><a href="">Lorem Ipsum</a></li>
                                    <li><a href="">Lorem Ipsum</a></li>
                                    <li><a href="">Lorem Ipsum</a></li>
                                </ul>
                                <a href="">Cleanser</a>
                            </li>
                            <li><a href="">Skin Toner</a></li>
                            <li><a href="">Face Scrub</a></li>
                        </ul>
                        <a href="">лице</a>
                    </li>
                    <li>
                        <ul class="child">
                            <li><a href="">Шампоан</a></li>
                            <li><a href="">Маска за Коса</a></li>
                            <li><a href="">Кондишънър</a></li>
                        </ul>
                        <a href="">коса</a>
                    </li>
                    <li>
                        <ul class="child">
                            <li><a href="">Душ Гел</a></li>
                            <li><a href="">Овлажнител за тяло</a></li>
                            <li><a href="">Антицелулит</a></li>
                        </ul>
                        <a href="">тяло</a>
                    </li>
                    <li>
                        <ul class="child">
                            <li><a href="">Етерични масла</a></li>
                            <li><a href="">Етерични масла</a></li>
                            <li><a href="">Етерични масла</a></li>
                        </ul>
                        <a href="">ароматерапия</a>
                    </li>
                    <li>
                        <a href="">контакти</a>
                    </li>
                </ul>
            </nav>
        </header> <!--#header-->

        <div id="product-grid">
            <ul>
                <li class="product-item">
                    <a href="">
                        <h5>face scrub</h5>
                        <div class="product-item-name">Gentle Exfoliating Gel<span class="product-gray-name">with honey & royal jelly</span></div>
                        <div class="product-item-image">
                            <img src="./image/productTest.jpg" alt="">
                        </div>
                    </a>
                </li>
                <li class="product-item">
                    <a href="">
                        <h5>face scrub</h5>
                        <div class="product-item-name">Gentle Exfoliating Gel<span class="product-gray-name">with honey & royal jelly</span></div>
                        <div class="product-item-image">
                            <img src="./image/productTest.jpg" alt="">
                        </div>
                    </a>
                </li>
                <li class="product-item">
                    <a href="">
                        <h5>face scrub</h5>
                        <div class="product-item-name">Gentle Exfoliating Gel<span class="product-gray-name">with honey & royal jelly</span></div>
                        <div class="product-item-image">
                            <img src="./image/productTest.jpg" alt="">
                        </div>
                    </a>
                </li>
                <li class="product-item">
                    <a href="">
                        <h5>face scrub</h5>
                        <div class="product-item-name">Gentle Exfoliating Gel<span class="product-gray-name">with honey & royal jelly</span></div>
                        <div class="product-item-image">
                            <img src="./image/productTest.jpg" alt="">
                        </div>
                    </a>
                </li>
                <li class="product-item">
                    <a href="">
                        <h5>face scrub</h5>
                        <div class="product-item-name">Gentle Exfoliating Gel<span class="product-gray-name">with honey & royal jelly</span></div>
                        <div class="product-item-image">
                            <img src="./image/productTest.jpg" alt="">
                        </div>
                    </a>
                </li>
                <li class="product-item">
                    <a href="">
                        <h5>face scrub</h5>
                        <div class="product-item-name">Gentle Exfoliating Gel<span class="product-gray-name">with honey & royal jelly</span></div>
                        <div class="product-item-image">
                            <img src="./image/productTest.jpg" alt="">
                        </div>
                    </a>
                </li>
                <li class="product-item">
                    <a href="">
                        <h5>face scrub</h5>
                        <div class="product-item-name">Gentle Exfoliating Gel<span class="product-gray-name">with honey & royal jelly</span></div>
                        <div class="product-item-image">
                            <img src="./image/productTest.jpg" alt="">
                        </div>
                    </a>
                </li>
                <li class="product-item">
                    <a href="">
                        <h5>face scrub</h5>
                        <div class="product-item-name">Gentle Exfoliating Gel<span class="product-gray-name">with honey & royal jelly</span></div>
                        <div class="product-item-image">
                            <img src="./image/productTest.jpg" alt="">
                        </div>
                    </a>
                </li>
            </ul>
        </div> <!--#product-grid-->
    </div> <!--#wrapper-->

    <!--vendor js-->
    
    <!--app js-->
    <script src="./js/main.js"></script>
</body>
</html>